<template>
	<div>
		<el-container>
			<el-header>
				<wn-header></wn-header>
			</el-header>
			<el-container>
				<el-aside width="200px">
					<wn-aside></wn-aside>
				</el-aside>
				<el-main>
					<wn-main></wn-main>
				</el-main>
			</el-container>
		</el-container>
	</div>
</template>

<script>
	import wnHeader from "./wn-header.vue"
	import wnAside from "./wn-aside.vue"
	import wnMain from './wn-main.vue'
	export default {
		name: 'loginMain',
		data() {
			return {

			}
		},
		components: {
			wnHeader,
			wnAside,
			wnMain
		},
		// mounted() {
		// 	let token = localStorage.getItem("token");
		// 	if (!token) {
		// 		this.$router.push("/login");
		// 	}
		// }
	}
</script>

<style>
	.el-header {
		background-color: #545c64;
		color: #333;
		height: 60px;
	}

	.el-aside {
		background-color: #545c64;
		color: #333;
		height: calc(100vh - 60px);
		scrollbar-width: none;
	}

	.el-main {
		background-color: #F2F6FC;
		color: #333;
		padding: 10;
		height: calc(100vh - 60px);
	}
</style>